<template>
	<view>
		<view class="amount">
			<text>待支付：</text><text class="money">￥100</text>
		</view>
		<view class="content">
			<view class="balance">
				<text style="margin-left: 40rpx;">可用余额：8.56</text> <text class="topUp">充值</text>
			</view>
			<view class="payWay">
				<radio-group bindchange="bindchange">
					<label class="pay">
						<view class="pic">
							<image src="../../../static/order/微信.png" mode="" style="width: 40rpx;height: 40rpx;"></image>
						</view><text style="margin-left: 20rpx;">微信支付</text>
						<radio :value="wx"  color="#007AFF" style="margin-left: 420rpx; width: 48rpx; height: 48rpx;"/>
					</label>
					<label class="pay">
						<view class="pic1">
							<image src="../../../static/order/余额.png" mode="" style="width: 40rpx;height: 40rpx;"></image>
						</view><text style="margin-left: 20rpx;">余额支付</text>
						<radio :value="my" color="#007AFF" style="margin-left: 420rpx;width: 48rpx; height: 48rpx;"/>
					</label>
				</radio-group>
			</view>
		</view>
		<view class="button">
			<navigator url="../paid/paid"><text>立即支付</text></navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.amount{
	width: 750rpx;
	height: 160rpx;
	color: rgba(16, 16, 16, 100);
	font-size: 32rpx;
	text-align: center;
	font-family: PingFangSC-regular;
	font-weight: 400;
	line-height: 160rpx
}
.money{
	font-size: 40rpx;
	color: #FF4F24 ;
	font-weight: 600;	
}
.content{
	width: 750rpx;
	height: 360rpx;

}
.balance{
	width: 750rpx;
	height: 80rpx;
	display: flex;
	flex-direction: row;
	color: rgba(16, 16, 16, 100);
	font-size: 32rpx;
	font-family: PingFangSC-regular;
	line-height: 80rpx;
}
.topUp{
	color: rgba(34, 149, 255, 100);
	font-size: 32rpx;
	font-family: PingFangSC-regular;
	margin-left: 380rpx;
}
.payWay{
	width: 710rpx;
	height: 180rpx;
	margin: auto;
	margin-top: 20rpx;
}
.pic{
	width: 40rpx;
	height: 40rpx;
	background-color: #11BD10 ;
	border-radius: 50%;
	margin-left: 20rpx;
}	
.pic1{
	width: 40rpx;
	height: 40rpx;
	border-radius: 50%;
	margin-left: 20rpx;
}
.pay{
	width: 710rpx;
	height: 80rpx;
	display: flex;
	flex-direction: row;
	margin-top: 20rpx;
	border-bottom: 2rpx solid rgba(241, 241, 241, 100);
}
.button{
	width: 710rpx;
	height: 80rpx;
	border-radius: 50rpx;
	background-color: rgba(34, 149, 255, 100);
	color: rgba(241, 241, 241, 100);
	font-size: 36rpx;
	text-align: center;
	box-shadow: 0px 0px 12rpx 0px rgba(0, 0, 0, 0.03);
	font-family: Arial;
	margin-left: 20rpx;
	line-height: 80rpx;
}
</style>
